<template>
  <div
    @click="modelNavigateTo(props.res.data.list[0])"
    :style="{ height: props.res.data.height + 'px' }"
  >
    <image
      :style="{
        height: props.res.data.height + 'px',
        width: '100%',
        'border-radius': props.res.data.round + 'px'
      }"
      :src="props.res.data.list[0].img"
    >
    </image>
  </div>
</template>
<script setup lang="ts">
import { px2rpx } from './px2rpx'
import { modelNavigateTo } from './tpl-v3'

const props = defineProps(['res'])
</script>
<style lang="scss" scoped>
img,
image {
  display: block !important;
}
</style>
